<template>
  <div class="content">
    <head-info :nikeName="nickName" />
    <my-favorite />
    <owner-serve />
    <my-appointment />
    <dynamic-mannag />
    <tab-bar />
  </div>
</template>

<script>
import HeadInfo from "./childcomps/headinfo/HeadInfo";
import MyFavorite from "./childcomps/myfavorite/MyFavorite";
import OwnerServe from "./childcomps/ownerserve/OwnerServe";
import MyAppointment from "./childcomps/myappointment/MyAppointment";
import DynamicMannag from "./childcomps/dynamicmannag/DynamicMannag";

import { mapState } from "vuex";

import TabBar from "components/common/tabbar/TabBar";
export default {
  name: "",
  components: {
    TabBar,
    HeadInfo,
    MyFavorite,
    OwnerServe,
    MyAppointment,
    DynamicMannag,
  },
  computed:{
    ...mapState({
      nickName:(state) => state.moduleUser.nickName
    })
  }
};
</script>

<style scoped>
</style>